<template>
  <div class="wrapper">
    <router-link v-for="(item, index) in crumbData" :to="item.jump" :key="index" class="router-link"><span>|</span>
      <span class="span">{{item.title}}</span></router-link>
  </div>
</template>

<script>
export default {
  name: 'PageBreadcrumbs',
  props: {
    crumbData: Array
  }
}
</script>

<style lang="stylus" scoped>
  .wrapper
    padding-left .24rem
    .router-link
      color #999
      line-height 1rem
      .span
        padding .12rem
</style>
